var SvgIcon = function () {
  var template = /* html */ `
    <div class="svg-icon" v-html="svgData" style="width:1em;height:1em;fill:currentColor;display:inline-block;vertical-align:-0.15em;">
    </div>
  `;

  return {
    props: {
      icon: {
        type: String,
        required: true
      }
    },

    data: function () {
      return {
        svgData:null
      };
    },

    created:function(){
      this.initSvgData();
    },

    methods:{
      initSvgData:function(){
        var icon = this.icon;
        var self = this;
        ajaxCssFile(`/vueSystem/components/svg/${icon}.svg`).then(function(svgData){
          self.svgData = svgData;
        });
      }
    },

    template: template
  };
}();